.flex-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;

  > .col {
    flex-grow: 1;
    margin-right: 2rem;
    flex-basis: 50%;
    &:last-of-type {
      margin-right: 0;
    }
  }
}

.flex-col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;

  > .row {
    flex-grow: 1;
    margin-top: 2rem;
    flex-basis: 50%;
    &:last-of-type {
      margin-right: 0;
    }
  }
}
